<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>维修费用执行情况</title>

    <link rel="stylesheet" type="text/css" href="../../easyui/themes/material/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
    <script type="text/javascript" src="../../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../../web/echart/dist4.7/echarts.js"></script>
    <script type="text/javascript" src="../../web/echart/dist4.7/echarts.min.js"></script>

    <script src="../../web/JS/common.js"></script>
    <script src="../../web/JS/URLRooter.js"></script>

    <script src="Repair_Cost_Info.js"></script>
    <style>
        .labelstyle {
            font-size: 15px;
            color: #589BD8;
        }

        .chartdiv {
            width: 100%;
            height: 90%;
        }

        .proparent_red {
            width: auto;
            border: solid 1px #f3f3f3;
            height: 15px;
        }

        .proparent_red .prochild_red {
            background-color: #febebc;
            border: solid 1px #febebc;
            height: 15px;
            color: white;
            font: 12px/15px Arail;
            height: 100%;
        }

        .proparent {
            width: auto;
            border: solid 1px #f3f3f3;
            height: 15px;
        }

        .proparent .prochild {
            background-color: #fbdd35;
            border: solid 1px #fbdd35;
            height: 15px;
            color: white;
            font: 12px/15px Arail;
            height: 100%;
        }
    </style>
</head>

<body class="easyui-layout">
    <div data-options="region:'north',iconCls:'',title:'',border:false"
        style="height: 10%;padding: 20px;text-align: center;">
        <div style="text-align:right;margin-right: 100px;margin-top:0px;">
            <!-- <a href="#" onclick="returnPotal()" class="labelstyle" id="btn_sh"
                style="text-decoration:none;margin-top: 20px;"><<<<返回</a> -->
            <a href="#" class="easyui-linkbutton" onclick="returnPotal()" data-options="iconCls:'icon-back'">返回</a>
        </div>
         <select id="com_Year" style="width:400px;" data-options="label:'年份:',labelWidth:100">
        </select>
    </div>
    <div data-options="region:'center',iconCls:'',title:'',border:false" style="height: 40%;">
        <div id="chartdiv" class="chartdiv"></div>
    </div>
    <div data-options="region:'south',iconCls:'',title:'',border:false" style="height: 40%;">
        <!--数据显示-->
        <table id="dg_DateList"
            data-options="singleSelect:true,border:false,rownumbers:false,pagination:false,fitColumns:true,fit:true,nowrap:true,showHeader:true">
            <thead>
                <tr>
                    <th data-options="field:'department',width:100,align:'center'">部门</th>
                    <th
                        data-options="field:'inventoryturnover',width:100,align:'center',formatter:formaterinventoryturnover">
                        库存周转率</th>
                    <th data-options="field:'inventoryamount',width:100,align:'center'">库存金额</th>
                </tr>
            </thead>
        </table>
    </div>
</body>

</html>